@import '../../color.less';
.baige-content{
  box-sizing: border-box;
}
.time{
  text-align: center;
  height: 5vh;
}
.baige{
  width: 100vw;
  height: 50vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .active{
    background: @color2 !important;
  }
  .tr{
    flex: 1;
    display: flex;
    flex-direction: row;
    font-size: 32rpx;
    box-sizing: border-box;
    .err{
      color: red !important;
    }
    .td{
      flex: 1;
      box-sizing: border-box;
      border: 2rpx solid #ccc;
      background: #fff;
      border-left: none;
      border-bottom: none;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all .2s;
      &:active{
        opacity: .5;
      }
      &:last-of-type{
        border-right: none;
      }
      &:first-of-type{
        background: @color2;
      }
    }
    &:nth-child(1){
      .td:nth-child(1){
        background: #fff;
      }
    }
    &:first-of-type{
      background: @color2;
    }
    &:last-of-type{
      border-bottom: 2rpx solid #ccc;
    }
  }
}
